<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="css/qaq.css"/>
		<link rel="stylesheet" href="css/swiper-bundle.min.css">
	</head>
	<body>
		<div class="main">
			<div class="nav">
			<div class="logo1"><a href="index.html">
				<!-- <img src=".\img\logo.png"/> -->
				<img src="img/logo.png"/>
			</a>
			</div>
			<!-- <div class="logo2"><a href="">
				<img src=".\img\mobilefill.png" width="28px"  height="28px"/></a>
			</div>
			<div class="logo3"><a href="">
				<img src=".\img\touxiang.png" width="30px"  height="30px"/></a>
			</div>
			<div class="logo4"><a href="">
				<img src=".\img\search.png" width="28px"  height="28px"/></a>
			</div>
			<div class="one">
			<p>亲爱的召唤师，请<a href="">登录</a></p>
			</div> -->
			<ul>
				<li>
					<a href="index.html">首页</a>
				</li>
				<li>
					<a href="">游戏资料</a>
					<ul>
						<li>
							<a href="">攻略中心</a>
						</li>
						<li>
							<a href="">游戏下载</a>
						</li>
						<li>
							<a href="新手指引.html">新手指引</a>
						</li>
						<li>
							<a href="资料库.html">资料库</a>
						</li>
						<li>
							<a href="">开发者中心</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="">商城/合作</a>
					<ul>
						<li>
							<a href="">点券充值</a>
						</li>
						<li>
							<a href="">周边商城</a>
						</li>
						<li>
							<a href="">网吧特权</a>
						</li>
						<li>
							<a href="">道聚城</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="">赛事官网</a>
					<ul>
						<li>
							<a href="">全球总决赛</a>
						</li>
						<li>
							<a href="">LPL职业联赛</a>
						</li>
						<li>
							<a href="">德玛西亚杯</a>
						</li>
						<li>
							<a href="">城市英雄争霸赛</a>
						</li>
						<li>
							<a href="">全国高校联赛</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="">自助系统</a>
					<ul>
						<li>
							<a href="">转区系统</a>
						</li>
						<li>
							<a href="">封号查询</a>
						</li>
						<li>
							<a href="">账号注销</a>
						</li>
						<li>
							<a href="">秩序殿堂</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		</div>
		<div class="ps">
			<p>ps:另外两个页面在游戏资料中的新手指引和资料库中</p>
		</div>
		<div class="underbox">
		   <div class="bigtwo">
			   <div class="small1">
				<div class="swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="img/banner1.png" alt="1"></div>
						<div class="swiper-slide"><img src="img/banner2.png" alt="1"></div>
						<div class="swiper-slide"><img src="img/banner3.png" alt="1"></div>
						
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>
					
					<!-- 如果需要导航按钮 -->
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
					
					<!-- 如果需要滚动条 -->
					<!-- <div class="swiper-scrollbar"></div> -->
				</div>
			   </div>
			   <div class="small2">
					<h2 style="color:#0da0b4 ;">公告</h2>
					<a href=""><p>13.20版本更新公告：野区机制调整，魔女2023系列···</p></a>
					<a href=""><p>13.20云顶之弈版本更新公告</p></a>
					<a href=""><p>2023年10月7日不停机更新通告</p></a>
					<a href=""><p>来为新装备选一款皮肤吧！</p></a>
					<a href=""><p>九月英雄联盟游戏环境治理公示</p></a>
					<a href=""><p>月圆中秋 峡谷寄情活动开启</p>	</a>
				</a>			
			</div>
		</div>
		<div class="active">
			<div class="first">
				<img src=".\img\活动1.png">
			<div class="name1">星之守护者 净化之羽 霞/净化之翎 洛重生登场</div>
			</div>
			<div class="second">
				<img src=".\img\活动2.png">
				<div class="name1">2023全球总决赛通行证限时销售</div>
			</div>
			<div class="third">
				<img src=".\img\活动3.png">
				<div class="name1">2023全球总决赛 雷克顿限时销售</div>
			</div>
		</div>
		<div class="underright">
		<div class="xiazai"><a href="">
			<img src=".\img\动图.gif" width="300px" height="185px"  alt="">
			<b><span style="position: absolute; top: 40px;left: 50px;">下载游戏</span></a></b>
		</div>
	</div>
		</div>
		   <div id="down">
			当使用本站时,代表您已接受了本站的<a href="">使用条款</a>和<a href="">隐私条款</a>。版权所有，保留一切权利。<br />
			赞助商:<a  href="">深圳市腾讯计算机系统有限公司。&nbsp;&nbsp;&nbsp;<a  href="">粤网文【2020】3396-195号</a>
		</div>
	</body>
	<script src="js/swiper-bundle.min.js"></script>
	<script>        
		var mySwiper = new Swiper ('.swiper', {
		//   direction: 'vertical', // 垂直切换选项
		  loop: true, // 循环模式选项
		  
		  // 如果需要分页器
		  pagination: {
			el: '.swiper-pagination',
		  },
		  
		  // 如果需要前进后退按钮
		  navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		  },
		  
		  // 如果需要滚动条
		  scrollbar: {
			el: '.swiper-scrollbar',
		  },
		})       
		</script>
</html>
